@use "../tailwind-config.scss"

.#{tailwind-config.$prefix}mt-2px
    margin-top: 2px

@for $i from 0 through 100
    .#{tailwind-config.$prefix}mr-#{$i}
        margin-right: 0.25rem * $i
    .#{tailwind-config.$prefix}ml-#{$i}
        margin-left: 0.25rem * $i
    .#{tailwind-config.$prefix}mt-#{$i}
        margin-top: 0.25rem * $i
    .#{tailwind-config.$prefix}mb-#{$i}
        margin-bottom: 0.25rem * $i
    .#{tailwind-config.$prefix}mx-#{$i}
        margin-left: 0.25rem * $i
        margin-right: 0.25rem * $i
    .#{tailwind-config.$prefix}my-#{$i}
        margin-top: 0.25rem * $i
        margin-bottom: 0.25rem * $i

@for $i from 0 through 100
    .#{tailwind-config.$prefix}mr-#{$i}_important
        margin-right: 0.25rem * $i!important
    .#{tailwind-config.$prefix}ml-#{$i}_important
        margin-left: 0.25rem * $i!important
    .#{tailwind-config.$prefix}mt-#{$i}_important
        margin-top: 0.25rem * $i!important
    .#{tailwind-config.$prefix}mb-#{$i}_important
        margin-bottom: 0.25rem * $i!important
    .#{tailwind-config.$prefix}mx-#{$i}_important
        margin-left: 0.25rem * $i!important
        margin-right: 0.25rem * $i!important
    .#{tailwind-config.$prefix}my-#{$i}_important
        margin-top: 0.25rem * $i!important
        margin-bottom: 0.25rem * $i!important
